@import "../../../../style/app/default/theme";
.lexmis-Popup{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	pointer-events:none;
	animation:$-popup-transition;
	&.lexmis--overlay{
		pointer-events:initial;
		background:$-overlay-bg-color;
		&.v-enter-active{
			animation:PopupBackgroundColor $-popup-transition forwards;
		}
		&.v-leave-active{
			animation:PopupBackgroundColor $-popup-transition forwards reverse;
		}
	}
	&:not(.lexmis--prevent){
		&.lexmis--top{
			align-items:flex-start;
			>.lexmis_content{
				width:100%;
			}
			&.v-enter-active{
				>.lexmis_content{
					animation:slideInDown $-popup-transition forwards;
				}
			}
			&.v-leave-active{
				>.lexmis_content{
					animation:slideInDown $-popup-transition forwards reverse;
				}
			}
		}
		&.lexmis--bottom{
			align-items:flex-end;
			>.lexmis_content{
				width:100%;
			}
			&.v-enter-active{
				>.lexmis_content{
					animation:slideInUp $-popup-transition forwards;
				}
			}
			&.v-leave-active{
				>.lexmis_content{
					animation:slideInUp $-popup-transition forwards reverse;
				}
			}
		}
		&.lexmis--left{
			justify-content:flex-start;
			>.lexmis_content{
				height:100%;
			}
			&.v-enter-active{
				>.lexmis_content{
					animation:slideInLeft $-popup-transition forwards;
				}
			}
			&.v-leave-active{
				>.lexmis_content{
					animation:slideInLeft $-popup-transition forwards reverse;
				}
			}
		}
		&.lexmis--right{
			justify-content:flex-end;
			>.lexmis_content{
				height:100%;
			}
			&.v-enter-active{
				>.lexmis_content{
					animation:slideInRight $-popup-transition forwards;
				}
			}
			&.v-leave-active{
				>.lexmis_content{
					animation:slideInRight $-popup-transition forwards reverse;
				}
			}
		}
		>.lexmis_content{
			width:40%;
			height:40%;
		}
	}
	>.lexmis_content{
		pointer-events:initial;
		background:#fff;
	}
}
